<!DOCTYPE html>
<htmml>
    <head>
        <meta charset="utf-8">
        <style>
		body{
		background:url(imag/dlymbj1.gif);
		}
            .dl{
                width:400px;
                height:200px;
               
                margin: 266px auto;
                border: 2px solid violet;
                border-radius: 20px;
                text-align: center;
                line-height: 40px;
				background:url(imag/dlymbj2.gif) no-repeat;
            }
			#a{
			width:100px;
			background-color:yellow;
            border-radius: 20px;
            border:1px solid white;
			}
			
            #a:hover{
                box-shadow:10px 10px 50px violet;
            }
            .dl:hover{
                box-shadow:10px 10px 50px yellow;
            }
        </style>
        <script>
            function check(){
                if(localStorage.yhm!=yhm.value){
                    alert("用户名错！");
                    return false;
                }
                if(localStorage.mm!=mm.value){
                    alert("您输入的密码错误！");
                    return false;
                }
                localStorage.yhm=yhm.value;
                localStorage.mm=mm.value;
                 alert("登录成功");
                     return true;
                    
            }
            

        </script>
    </head>
    <body>
        <div class=dl>
            <h2>用户登录</h2>
    <form onsubmit="return check()" action="GE商城.html">
        用户名:<input type="text" id=yhm required placeholder="请输入用户名！"><br>
        密码：<input type="password" id=mm required><br>
        <input type="submit" value="登录" id=a>
        <a href="注册.html">注册</a>
    </form>
        </div>
    </body>
</htmml>